{
    "detail": {
        "width": 1097.87,
        "height": 556,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "出勤人数",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "详情",
            "index": "045be419-e912-43d6-810a-ecef12bac0a1",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "日历",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_rygl_lwcq_cqrs_detail_730\",\n\"project_id\":\"358\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"projectId\",\"value\":''}, \n{\"key\":\"workerId\",\"value\":''}, \n{\"key\":\"ym\",\"value\":''} \n]\n\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1103.78,
                        "height": 489.15,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"kqri\">\n    <el-calendar v-model=\"time\">\n      <template slot=\"dateCell\" slot-scope=\"{ data }\">\n        <p :class=\"list.indexOf(data.day) != -1 ? 'is-selected' : ''\">\n          {{ data.day.split(\"-\").slice(1).join(\"-\") }}\n          {{ list.indexOf(data.day) != -1 ? \"✔️\" : \"\" }}\n        </p>\n      </template>\n    </el-calendar>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      time: \"\",\n      list: [],\n      detailed:{}\n    };\n  },\n  mounted() {\n  },\n  watch: {\n      detailed: {\n      handler(val) {\n      if(val){\n       this.$emit(\"click\", {\n            injections: [\n              { key: \"projectId\", value: val.项目编号 },\n              { key: \"workerId\", value: val.人员编号 },\n              { key: \"ym\", value:val.time },\n            ],\n            project_id:val.项目编号\n          });\n      }\n         \n      },\n      deep: true,\n      immediate: true,\n    },\n    dataChart: {\n      handler(val) {\n      if(Array.isArray(val.data)){\n       this.list = val.data.map((item) => {\n          return item.checkedTime;\n        });\n      }\n      },\n      deep: true,\n      immediate: true,\n    },\n    time: {\n      handler(val) {\n        if (val) {\n          let year = new Date(val).getFullYear();\n          let month = new Date(val).getMonth() + 1;\n          if (month < 10) month = `0${month}`;\n          this.$emit(\"click\", {\n            injections: [\n              { key: \"projectId\", value: this.detailed.项目编号 },\n              { key: \"workerId\", value: this.detailed.人员编号 },\n              { key: \"ym\", value: year + month },\n            ],\n              project_id:this.detailed.项目编号\n          });\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    handleClick() {\n      this.$message.success(this.dataChart.name);\n    },\n  },\n};\n</script>\n<style>\n.is-selected {\n  color: #1989fa;\n}\n.kqri {\n  width: 100%;\n  height: 100%;\n}\n.el-calendar-table .el-calendar-day {\n  height: 57px;\n}\n</style>"
                    },
                    "left": -12.68,
                    "top": 47.63,
                    "index": "0f3d7fec-50e8-4a94-b5dc-6b2aeed5dbe8",
                    "child": {
                        "index": [
                            "0f3d7fec-50e8-4a94-b5dc-6b2aeed5dbe8"
                        ],
                        "paramList": [
                            {
                                "name": "project_id",
                                "value": "project_id"
                            }
                        ],
                        "paramName": "injections",
                        "paramValue": "injections"
                    },
                    "zIndex": 7,
                    "display": true,
                    "url": " https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post"
                },
                {
                    "title": "文本框",
                    "name": "出勤详情",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "出勤详情"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 18,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": -20.74,
                    "top": -19.95,
                    "index": "1e09b63e-e62c-4bfd-8e07-6575f1b4e865",
                    "zIndex": 6,
                    "display": true
                },
                {
                    "name": "班组",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 256.31,
                        "height": 26.66,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div class=\"bz\">\n        {{text}}\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            text:'吴文峰 钢筋班组'\n        }\n    },\n\n  \n}\n</script>\n<style>\n.bz{\n  font-size: 17px;\n  color: #fff;\n}\n</style>"
                    },
                    "left": -9.14,
                    "top": 15.55,
                    "index": "edf9c647-0b0e-4f8d-a786-a44ac4f12cb5",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 5,
                    "display": true
                },
                {
                    "name": "返回",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 90.88,
                        "height": 40.09,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div class=\"fh\">\n         <el-button type=\"primary\" @click='handleClick'>返回</el-button>\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            refs: \"\",\n        }\n    },\n    created(){\n    },\n      mounted() {\n    this.refs = this.$parent.getItemRefs();\n\n  },\n    methods:{\n        handleClick(){\n        this.refs[\"045be419-e912-43d6-810a-ecef12bac0a1\"].setDisplay(true);\n          this.refs[\"4390b02b-88c4-4c67-86df-759b226b6b44\"].setDisplay(false);\n        }\n    }\n}\n</script>\n<style>\n</style>"
                    },
                    "left": 1004.08,
                    "top": -4.84,
                    "index": "0e887347-a324-4b6b-9941-4f48c81a1732",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                },
                {
                    "name": "覆盖背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1103.86,
                        "height": 572.78,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bj\">\n      \n  </div>\n</template>\n<script>\nexport default{\n\n\n}\n</script>\n<style>\n  .bj{\n      width: 100%;\n      height: 100%;\n      background-color:#151057;\n  }\n</style>"
                    },
                    "left": -10.64,
                    "top": -17.45,
                    "index": "ffadafd3-cfb9-4c7c-84fa-67dd5e3a5f10",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 3,
                    "display": true
                }
            ],
            "zIndex": 8,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "表格",
            "index": "4390b02b-88c4-4c67-86df-759b226b6b44",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "输入框和搜索按钮",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 350.59,
                        "height": 37.75,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"cqrycx\">\n    <el-input v-model=\"name\" placeholder=\"请输入姓名进行查询\"></el-input>\n    <el-button type=\"primary\" icon=\"el-icon-search\" @click=\"handleQuery\"\n      >搜索</el-button\n    >\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      name: \"\",\n    };\n  },\n  created() {},\n  methods: {\n    handleQuery() {\n      const refs = this.$parent.getItemRefs();\n      refs[\"ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33\"].$refs.main.page = 1;\n      this.$emit(\"click\", {\n        injections: [{ key: \"worker_name\", value: this.name }],\n        page: 1,\n      });\n    },\n  },\n};\n</script>\n<style>\n.cqrycx>.el-input {\n  margin-right: 20px;\n  width: 200px;\n}\n\n.cqrycx {\n  display: flex;\n}\n</style>"
                    },
                    "left": -1.79,
                    "top": 6.21,
                    "index": "d181d7d7-e2f5-47c3-830a-be28f4cf7fd7",
                    "child": {
                        "index": [
                            "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                        ],
                        "paramList": [
                            {
                                "name": "page",
                                "value": "page"
                            }
                        ],
                        "paramName": "injections",
                        "paramValue": "injections"
                    },
                    "zIndex": 1,
                    "display": false
                },
                {
                    "name": "出勤人数表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {\nunit_no: \"screen_rygl_lwcq_cqrs_list_730\",\nproject_id:\"15854\",\ndata_format:\"row\",\npage:1,\nmax_num:10,\ninjections:[\n{\"key\":\"worker_name\",\"value\":\"\"}\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1098.49,
                        "height": 439.76,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"cqrs\">\n    <el-table :data=\"tableData\" style=\"width: 100%\" height=\"420px\"   :header-cell-style=\"{ 'text-align': 'center' }\"\n      :cell-style=\"{ 'text-align': 'center' }\">\n      <el-table-column label=\"序号\" type=\"index\" width=\"100\"> </el-table-column>\n      <el-table-column prop=\"姓名\" label=\"姓名\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"班组\" label=\"班组\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column\n        prop=\"性别\"\n        label=\"性别\"\n        width=\"120\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column\n        prop=\"民族\"\n        label=\"民族\"\n        width=\"120\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column\n        prop=\"年龄\"\n        label=\"年龄\"\n        width=\"120\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column\n        prop=\"出勤次数\"\n        label=\"本月出勤天数\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column prop=\"\" label=\"操作\" width=\"150\">\n        <template slot-scope=\"scope\">\n          <span style=\"color: #409eff\" @click=\"handleView(scope.row)\"\n            >详情</span\n          >\n        </template>\n      </el-table-column>\n    </el-table>\n     <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      tableData: [],\n      refs: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n       this.tableData = val.data.list;\n        this.total = parseInt(val.data.total_count);\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {\n   currentChange(value) {\n      this.page = value; \n      this.$emit(\"click\", {\n        value:this.page,\n      });\n    },\n    handleView(item) {\n      const data = item;\n      let date = new Date();\n      let year = date.getFullYear();\n      let month = date.getMonth() + 1;\n      if (month < 10) month = `0${month}`;\n      data.time = year + month;\n      this.refs[\"0f3d7fec-50e8-4a94-b5dc-6b2aeed5dbe8\"].$refs.main.detailed = data;\n      this.refs[\"edf9c647-0b0e-4f8d-a786-a44ac4f12cb5\"].$refs.main.text = data.姓名+'   '+data.班组;\n      this.refs[\"045be419-e912-43d6-810a-ecef12bac0a1\"].setDisplay(false);\n    },\n  },\n};\n</script>\n\n<style>\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n  height: 0px;\n}\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": -8.65,
                    "top": 65.06,
                    "index": "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33",
                    "child": {
                        "index": [
                            "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                        ],
                        "paramList": [],
                        "paramName": "page",
                        "paramValue": ""
                    },
                    "zIndex": 0,
                    "lock": false,
                    "display": false,
                    "dataMethod": "post",
                    "url": " https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "proxy": false
                }
            ],
            "zIndex": 2,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}